<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>我创建的画册详情</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/usercenter/wode_huace_chuangjian_detail.js"></script>
    </head>
    <body ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i>
            <h1>画册详情</h1>
            <span class="ui-header-right"><i class="ui-icons-share w_fxx"></i></span>
        </header>
        <div class="w_fxaa">
        	<div class="w_fengx"></div>
        	<div class="w_fxbox">
            	<a href="#"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript">
			//分享
			Zepto(".w_fxx").tap(function(){
               // Zepto(".w_fxaa").show();
               shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
            });
			//Zepto(".w_fengx").tap(function(){
              //  Zepto(".w_fxaa").hide();
            //});
        </script> 
        <section class="ui-container mb50">
            <div class="ui-user-follow ui-border-b clearfix">
                <div class="ui-user-follow-info clearfix">
                    <div class="ui-user-avatar">
                        <img src="img/order_list_pic.jpg" width="55" height="55" alt="">
                    </div>
                    <div class="ui-user-intro">
                        <p>Melanie-ghost<span class="sex sex-male"><i class="icons-sex-male"></i>22</span></p>
                        <p>魅力值 : <span class="ui-txt-red">2000</span></p>
                    </div>
                </div>                
            </div>            
            <div class="ma_tab">
                <ul class="w_tab_title clearfix">
                    <li class="ma_active">景点画册</li>
                    <li><span id="lookNumber"></span>人看过</li>
                    <li>评论<span id="commentSize"></span></li>
                    <div class="ui-tab-zan ui-border-b w_zys">
                        <i class="icons-zana"><img src="img/icons_zan.png" class="wujiang_pic_size"onclick="" id="caocao_pic"></i><span id="greatNumber">赞
                        <!--赞-->
                        <script>
                        (function ($){
                            $('.wujiang_pic_size').click(function(event) {
                                /* Act on the event */
                                if(this.getAttribute("src",2)=="img/icons_zan.png"){
                                this.src="img/icons_zanh.png";
                                }else{
                                this.src="img/icons_zan.png";
                                }
                            });
                        }(window.jQuery));
                        </script>
                    </div>
                </ul>
                <div class="ma_con01">
                    <div class="wrapper">
                        <ul class="photo-list clearfix" >
                            <li>
                                <img src="img/order_list_pic.jpg" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="ma_con02">
                    <ul class="order-list">
                        <li>
                            <div class="order-list-avatar">
                                <img src="img/order_list_pic.jpg" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="color666 fz16">Melanie-ghost</p>
                                    <p class="color666 fz14"><span class="sex sex-female no-left"><i class="icons-sex-female"></i>22</span></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="ma_con03">
                	<ul class="comment-list">
                        <li class="ui-border-b">
                            <div class="comment-list-avatar">
                                <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                            </div>
                            <div class="comment-list-content">
                                <div class="comment-list-content-text">
                                    <div class="clearfix">
                                        <div class="comment-list-content-user">
                                            Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span>
                                        </div>
                                        <div class="comment-list-content-time">
                                            <p>刚刚 08:30</p>
                                        </div>
                                    </div>
                                    <p class="color666 fz12">请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗请问青海湖好玩吗</p>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            
        </section>        
        <script>
        // tab
        $(function () {
           $('.w_tab_title li').click(function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('ma_active').siblings().removeClass('ma_active');
                //显示对应的div
                $('.ma_tab').children('div').eq(Index).show().siblings('div').hide();
           
           });
        });
        </script>
        <script type="text/juicer" id="photo_tpl">
            {@each photos as item, index}
            <li>
                <img src="${item}" alt="">
            </li>
            {@/each}
        </script>
        <script type="text/juicer" id="order_tpl">
            {@each arrays as item, index}
            <li>
                <div class="order-list-avatar">
                    <img src="${item.photo}" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p class="color666 fz16">${item.nickName}</p>
                        <p class="color666 fz14">{@if item.sex===1 }
                        <span class="sex sex-female no-left">
                            <i class="icons-sex-female"></i>
                        {@else}
                        <span class="sex sex-male no-left">
                            <i class="icons-sex-male"></i>
                        {@/if}
                            ${item.age}</span></p>
                    </div>
                </div>
            </li>
            {@/each}
        </script>
        <script type="text/juicer" id="comment_tpl">
            {@each arrays as item, index}
            <li class="ui-border-b">
                <div class="comment-list-avatar">
                    <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                </div>
                <div class="comment-list-content">
                    <div class="comment-list-content-text">
                        <div class="clearfix">
                            <div class="comment-list-content-user">
                                ${item.nickName}
                                {@if item.sex===1 }
                        <span class="sex sex-female no-left">
                            <i class="icons-sex-female"></i>
                        {@else}
                        <span class="sex sex-male no-left">
                            <i class="icons-sex-male"></i>
                        {@/if}
                            ${item.age}</span>
                            </div>
                            <div class="comment-list-content-time">
                                <p>${item.createTime}</p>
                            </div>
                        </div>
                        <p class="color666 fz12">${item.comment}</p>
                    </div>
                </div>
            </li>
            {@/each}
        </script>
    </body>
</html>
